<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<header>
    <h1>这是一段文字标题</h1>
    <nav>
        <ul>
            <li><a href="#">导航链接一</a></li>
            <li><a href="#">导航链接二</a></li>
            <li><a href="#">导航链接三</a></li>
            <li><a href="#">导航链接四</a></li>
        </ul>
    </nav>
</header>
<article>
    <header>
        <h2>文章一级标题</h2>
        <h3>文章二级标题</h3>
        <p>文章作者&nbsp;文章发表时间</p>
    </header>
    <section>
        <p>
            这是一篇很长的很长的段落，这是一篇很长的很长的段落，这是一篇很长的很长的段落，
            这是一篇很长的很长的段落这是一篇很长的很长的段落这是一篇很长的很长的段落这是
            一篇很长的很长的段落这是一篇很长的很长的段落这是一篇很长的很长的段落这是
            一篇很长的很长的段落这是一篇很长的很长的段
            落这是一篇很长的很长的段落这是一篇很长的很长的段落换行了<br>
            这是一篇很长的很长的段落，这是一篇很长的很长的段落，这是一篇很长的很长的段落，这是一篇很长的很长的段落这是一篇很长的很长的段落这是一篇很长的很长的段落这是一篇很长的很长的段落<a
                href="//luimo.win">这里有一个到我的个人网站的链接</a>这是一篇很长的很长的段落这是一篇很长的很长的段落这是一篇很长的很长的段落这是一篇很长的很长的段落这是一篇很长的很长的段落换行了
            <br>
            <img src="../images/th.jpeg" alt="th">
            <br>
            这是一篇很长的很长的段落，这是一篇很长的很长的段落，这是一篇很长的很长的段落，
            这是一篇很长的很长的段落这是一篇很长的很长的段落这是一篇很长的很长的段落这是
            一篇很长的很长的段落这是一篇很长的很长的段落这是一篇很长的很长的段落这是
            一篇很长的很长的段落这是一篇很长的很长的段
            落这是一篇很长的很长的段落这是一篇很长的很长的段落换行了<br>
            这是一篇很长的很长的段落，这是一篇很长的很长的段落，这是一篇很长的很长的段落，这是一篇很长的很这是一篇很长的很长的段落，这是一篇很长的很长的段落，这是一篇很长的很长的段落，这是一篇很长的很这是一篇很长的很长的段落，这是一篇很长的很长的段落，这是一篇很长的很长的段落，这是一篇很长的很这是一篇很长的很长的段落，这是一篇很长的很长的段落，这是一篇很长的很长的段落，这是一篇很长的很这是一篇很长的很长的段落，这是一篇很长的很长的段落，这是一篇很长的很长的段落
            <a href="//luimo.win" target="_blank">这里在新的窗口中打开链接</a>
            这是一篇很长的很这是一篇很长的很长的段落，这是一篇很长的很长的段落，这是一篇很长的很长的段落，这是一篇很长的很
        </p>
    </section>
</article>
<article>
    <header>
        <h2>另一篇文章的一级标题</h2>
        <h3>文章二级标题</h3>
        <p>文章作者&nbsp;文章发表时间</p>
    </header>
    <section>
        <p>
            这是一篇很长的很长的段落，这是一篇很长的很长的段落，这是一篇很长的很长的段落，
            这是一篇很长的很长的段落这是一篇很长的很长的段落这是一篇很长的很长的段落这是
            一篇很长的很长的段落这是一篇很长的很长的段落这是一篇很长的很长的段落这是
            一篇很长的很长的段落这是一篇很长的很长的段
            落这是一篇很长的很长的段落这是一篇很长的很长的段落换行了<br>
            这是一篇很长的很长的段落，这是一篇很长的很长的段落，这是一篇很长的很长的段落，这是一篇很长的很长的段落这是一篇很长的很长的段落这是一篇很长的很长的段落这是一篇很长的很长的段落<a
                href="//luimo.win">这里有一个到我的个人网站的链接</a>这是一篇很长的很长的段落这是一篇很长的很长的段落这是一篇很长的很长的段落这是一篇很长的很长的段落这是一篇很长的很长的段落换行了
            <br>
            <img src="../images/th.jpeg" alt="th">
            <br>
        </p>
        <ul>
            <li>列表项目一</li>
            <li>列表项目二</li>
            <li>列表项目三</li>
        </ul>
    </section>
</article>
<article>
    <h2>图片</h2>
    <figure>
        <figcaption>好看的图片</figcaption>
        <img src="../images/th.jpeg" alt="th">
    </figure>
    <figure>
        <figcaption>好看的图片</figcaption>
        <img src="../images/th.jpeg" alt="th">
    </figure>
    <figure>
        <figcaption>好看的图片</figcaption>
        <img src="../images/th.jpeg" alt="th">
    </figure>
    <figure>
        <figcaption>好看的图片</figcaption>
        <img src="../images/th.jpeg" alt="th">
    </figure>

</article>
<article>
    <h2>最后一篇文章的以及标题</h2>
    <h3>文章二级标题</h3>
    <p>文章作者&nbsp;文章发表时间</p>
    <ol>
        <li>排名1</li>
        <li>排名2</li>
        <li>排名3</li>
    </ol>
    <p>下面是一个表格，给表格增加了一个border="1"好让你看出是一个表格</p>
    <table border="1">
        <tr>
            <th>表头</th>
            <th>表头</th>
            <th>表头</th>
        </tr>
        <tr>
            <td>表内容单元格</td>
            <td>表内容单元格</td>
            <td><a href="#">操作</a></td>
        </tr>
        <tr>
            <td>表内容单元格</td>
            <td>表内容单元格</td>
            <td><a href="#">操作</a></td>
        </tr>
        <tr>
            <td>表内容单元格</td>
            <td>表内容单元格</td>
            <td><a href="#">操作</a></td>
        </tr>
        <tr>
            <td>表内容单元格</td>
            <td>表内容单元格</td>
            <td><a href="#">操作</a></td>
        </tr>
        <tr>
            <td>总计</td>
            <td colspan="2">1000</td>
        </tr>
    </table>
</article>
<section>
    <h2>这里以后是一个侧栏</h2>
    <h3>侧栏注册窗口标题</h3>
    <form action="">
        <div>
            请输入邮箱地址：<input type="text" placeholder="这是一个文本输入框">
            <p>邮箱地址按要求格式输入</p>
        </div>

        <div>
            请输入密码：<input type="password" placeholder="这是一个文本输入框">
            请重复输入密码：<input type="password" placeholder="这是一个文本输入框">
            <p>密码请为6-16位的英文或数字</p>
        </div>
        <div>
            性别：
            <input type="radio" name="sex"  value="0" checked> 男
            <input type="radio" name="sex" value="1"> 女
            城市：
            <select name="city" >
                <option value="0">北京</option>
                <option value="1" selected>上海</option>
                <option value="2">烟台</option>
            </select>
            爱好：
            <input type="checkbox" name="" >运动
            <input type="checkbox" name="" >艺术
            <input type="checkbox" name="" >科学
            个人描述：
            <textarea>这是一个多行输入框,输入您的个人描述</textarea>
            <button>确认提交</button>
        </div>
    </form>
</section>
<footer>版权所有&copy;</footer>

</body>
</html>